<template>
	<view class="container">
		<view class="tui-page__hd">
			<view class="tui-page__title">gallery</view>
			<view class="tui-page__desc">类似uni.previewImage的展示效果</view>
		</view>
		<view class="tui-page__bd tui-page__spacing">
			<tui-gallery :urls="urls" :show="show" @hide="hide"></tui-gallery>
			<tui-button type="gray-primary" :size="34" bold width="372rpx" height="84rpx" margin="40rpx auto" @click="previewImage">预览大图</tui-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				urls: [{
					src:'https://thorui.cn/img/reward.jpg',
					desc:'欢迎使用ThorUI，文字描述文字描述文字描述'
				},{
					src:'https://thorui.cn/extend/cafe/img_banner_2.png',
					desc:'欢迎使用ThorUI~'
				}],
				show: false
			};
		},
		methods: {
			previewImage() {
				this.show = true
			},
			hide(){
				this.show = false
			}
		}
	};
</script>

<style>

</style>
